<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<title>设置销售等级</title>
	<link rel="stylesheet" type="text/css" href="../lib/mui/css/mui.min.css">
	<link rel="stylesheet" type="text/css" href="../css/base.css">
</head>
<body>
	<!-- 侧滑导航根容器 -->
	<div class="mui-off-canvas-wrap mui-draggable mui-slide-in" id="offCanvasSide">
	  	<!-- 菜单容器 -->
	 	<aside class="mui-off-canvas-right ">
	    	<div class="mui-scroll-wrapper">
	      		<div class="mui-scroll">
	        		<!-- 菜单具体展示内容 -->
	        		<ul class="mui-table-view mui-table-view-chevron mui-table-view-inverted">
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right">Item 1</a>
						</li>
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right">Item 2</a>
						</li>
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right">Item 3</a>
						</li>
					</ul>
	      		</div>
	    	</div>
	  	</aside>

	  	<!-- 主页面容器 -->
		<div class="mui-inner-wrap">

			<!-- 主页面头部 -->
		    <header class="mui-bar mui-bar-nav scm-nav-black">
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"><span>返回</span></a>
				<h1 class="mui-title">设置销售等级</h1>
				<a id="offCanvasBtn" href="#offCanvasSide" class="mui-icon mui-action-menu mui-icon-more mui-pull-right"></a>
			</header>
			
			<!-- 底部导航 -->
			<nav class="mui-bar mui-bar-tab scm-bar-green navs" id="save-nav">
				<a class="mui-tab-item mui-control-item close-nav" href="#main">
					<span class="mui-tab-label">完成</span>
				</a>
			</nav>
						
			<!-- 主页面body -->
			<div class="mui-content mui-scroll-wrapper" id="muis">
				<!-- 滚动容器 -->
				<div class="mui-scroll">
					<!-- 正文 -->
					<div class="mui-control-content mui-active"  id="main">
						<ul class="goods goods-edit mui-table-view">
							<li class="mui-table-view-cell">
								<a class="mui-navigate-right mui-control-item open-nav" href="#setPanel" data-toggle="#save-nav">销售等级A
									<span class="pull-r">全场7折</span>
								</a>
							</li>
							<li class="mui-table-view-cell">
								<a class="mui-navigate-right mui-control-item open-nav" href="#goodsName" data-toggle="#name-nav">销售等级B</a>
							</li>
							<li class="mui-table-view-cell">
								<a class="mui-navigate-right mui-control-item open-nav" href="#goodsName" data-toggle="#name-nav">销售等级C</a>
							</li>
							<li class="mui-table-view-cell end">
								<a class="mui-navigate-right mui-control-item">+增加等级</a>
							</li>
						</ul>
						<div class="scm-btn-group">
							<a href="./my_distributor.html" class="mui-btn mui-btn-block darkgreen newLink">提交</a>
							
						</div>
						
					</div>
					<!-- 等级详情面板 -->
					<div id="setPanel" class="mui-control-content setPanel">
						<ul class="goods-edit mui-table-view">
							<li class="mui-table-view-cell mui-collapse">
								<a class="mui-navigate-right">商品折扣</a>
								<div class="mui-collapse-content">
					                <div class="scm-inline-input">
					                	<label>总价</label>
					                	<input type="text">
					                	<span>折</span>
					                </div>
					            </div>
							</li>
							<li class="mui-table-view-cell mui-collapse">
								<a class="mui-navigate-right">满减</a>
								<div class="mui-collapse-content">
									 <div class="scm-inline-input">
					                	<label>满</label>
					                	<input type="text">
					                	<span>减</span>
					                	<input type="text">
					                </div>
				                </div>
							</li>
							<li class="mui-table-view-cell mui-collapse">
								<a class="mui-navigate-right">满增</a>
								<div class="mui-collapse-content">
									 <div class="scm-inline-input">
					                	<label>满</label>
					                	<input type="text">
					                	<span>赠</span>
					                	<input type="text">
					                </div>
				                </div>
							</li>
							
						</ul>
					</div>
					
			</div>
			
			<!-- 遮挡层 -->
			<div class="mui-off-canvas-backdrop"></div>
			
		</div>

	</div>	
	
	

	<script type="text/javascript" src="../lib/mui/js/mui.min.js"></script>
	<script type="text/javascript" src="../js/base.js"></script>
	<script type="text/javascript">
		mui('#muis').scroll();
		
	</script>
</body>
</html>